/** 
 * 学习目标：React中事件传值。
- 方法：包一层箭头函数，在箭头函数中，调用处理函数。
- 记忆口诀：加个箭头，变成箭头函数。
 * */
import React from "react";

export default class App extends React.Component {

    render() {
        return (
            <>
                {/* <a href="http://www.baidu.com" onClick={(e) => {
                    this.handleClick(e, 'hello React')
                }}>点我，不会跳转页面</a> */}
                {/* 简写-**推荐**：省略了花括号，更利于阅读 */}
                <a href="http://www.baidu.com" onClick={(e) => this.handleClick(e, 'hello React')}>点我，不会跳转页面</a>
            </>
        )
    }
    handleClick(e) {
        e.preventDefault()
        console.log('事件对象', e)
    }
}